﻿<html>
<head>
<title>Pegando texto de um input</title>


<script type="text/javascript">
// criando a classe Pessoa

function Pessoa(){
	var nome, idade, sexo;
	
	//aqui criamos os metodos que setam nossas variaveis
	this.setNome = setNome;
	this.setIdade = setIdade;
	this.setSexo = setSexo;
	
	//aqui criamos os metodos que pegam valores das nossas variaveis
	
	this.getnome = nome;
	this.getidade = idade;
	this.getsexo = sexo;
	
	this.exibeDados = exibeDados;
	
	// criamos os metodos propriamente ditos 
	
	function setNome(_nome){
		nome = _nome;
	}
	
	function setIdade(_Idade){
		idade = _Idade;
	}
	
	function setSexo(_sexo){
		sexo = _sexo;
	}
	
	function getNome(){
		return nome;
	}

	function getIdade(){
		return idade;
	}
	
	function getSexo(){
		return sexo;
	}
	
	function exibeDados(){
		return 'Nome :'+nome+'Idade :'+idade+'Sexo :'+sexo;
	}
}

</script>



</head>

<html>
<body>
<label>Nome<input id="nome" type="text"  /></label><br />
<label>Idade<input id="idade" type="text"  /></label><br />
<label>Sexo<input id="sexo" type="text" /></label><br />
<input id="btn" type="button" value="enviar" />

	<script type="text/javascript">

	//enviando dados quando clicarmos no botão
	// pegando dados dos inputs
	function pega(pessoa){
		var inputnome = document.getElementById("nome").value;
		var inputidade = document.getElementById("idade").value;
		var inputsexo = document.getElementById("sexo").value;
		
		pessoa.setNome(inputnome);
		pessoa.setIdade(inputidade);
		pessoa.setSexo(inputsexo);
	}
	
	//criando um novo objeto da classe pessoa 
	document.getElementById("btn").onclick = function(){ 
		var novapessoa = new Pessoa();
		pega(novapessoa);
		console.log(novapessoa.exibeDados());
	};
	
	

	</script>
</body>
</html>